<template>
	<view class="container-chooseRecharge">
		<view class="item flex-between" v-for="item in list" :key="item.id" @click="$fun.jump(`/pageA/wallet/rechargeCoins?id=${item.id}`)">
			<view class="flex">
				<view class="img">
					<image :src="$fun.imgUrl(item.image)" mode=""></image>
				</view>
				<view class="">
					{{item.name}}
				</view>
			</view>
			<view class="">
				<u-icon size="20" name="arrow-right"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	import uniCopy from '@/components/xb-copy/uni-copy.js'
	export default {
		data(){
		return{
			list:[]
		}	
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title:this.$t('wallet.name3')
			})
			this.getwithdrawal()
		},
		methods:{
			async getwithdrawal() {
				const res = await this.$fun.ajax.post('config/recharge')
				this.list = res.data.list
			}
		}
		}
</script>

<style  lang="scss">
	page{
		height: 100%;
		background: #F2F2F2;
	}
.container-chooseRecharge{
	.item{
		height: 120rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin: 30rpx;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		line-height: 28rpx;
		padding: 0 30rpx;
		.img{
			width: 68rpx;
			height: 68rpx;
			margin-right: 10rpx;
			}
	}
}
</style>